<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width" />
		<!--<link rel="stylesheet" href="http://cdn.bitshe.cn/css/reset.css" />
		<link rel="stylesheet" href="http://cdn.bitshe.cn/apply/css/apply.css" />-->
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="css/apply.css" />
		<title>加入bit社团</title>
		<meta name="description" content="bit社团准社员报名" />
		<meta name="keywords" content="bit社团 报名 南京工程学院" />
		<script src="http://cdn.bitshe.cn/js/baidu.js"></script>
	</head>

	<body>
		<form class="apply-form" action="apply.php" method="post" onsubmit="return sendApplyForm();">
			<!-- 姓名 -->
			<span class="apply-form__tip">姓名</span><input class="apply-form__input-item" type="text" name="name" placeholder="你的名字" pattern="[\u4e00-\u9fa5]{2,}" required />
			<!-- 性别 -->
			<span class="apply-form__tip">性别</span>
			<div class="apply-form__input-item apply-form__input-item--sex-div">
				<input class="apply-form__sex-radio" type="radio" name="sex" id="sex-women" value="0" required /><label class="apply-form__sex-radio--women-ico" for="sex-women">女</label>
				<input class="apply-form__sex-radio" type="radio" name="sex" id="sex-men" value="1" required /><label class="apply-form__sex-radio--men-ico" for="sex-men">男</label>
			</div>
			<!-- 学号 -->
			<span class="apply-form__tip">学号</span><input class="apply-form__input-item" type="text" name="no" placeholder="你的学号" pattern="2[0,1,3][0-9]1[6,7][0,1][0-9]{3,3}" required />
			<!-- 院系 -->
			<span class="apply-form__tip">院系</span>
			<div class="apply-form__input-item apply-form__input-item--select-div">
				<input class="department" placeholder="你的院系" required />
				<select name="department">
					<option value="01">机械工程学院</option>
					<option value="02">计算机工程学院</option>
					<option value="03">自动化学院</option>
					<option value="04">外国语学院</option>
					<option value="05">材料工程学院</option>
					<option value="06">电力工程学院</option>
					<option value="07">能源与动力工程学院</option>
					<option value="08">通信工程学院</option>
					<option value="09">经济与管理学院</option>
					<option value="10">人文与社会科学学院</option>
					<option value="13">艺术与设计学院</option>
					<option value="14">建筑工程学院</option>
					<option value="15">汽车与轨道交通学院</option>
					<option value="16">环境工程学院</option>
					<option value="34">工业中心</option>
				</select>
			</div>
			<!-- 专业 -->
			<span class="apply-form__tip">专业</span>
			<div class="apply-form__input-item apply-form__input-item--select-div">
				<input placeholder="你的专业" required />
				<select name="major" disabled></select>
			</div>
			<!-- 班级 -->
			<span class="apply-form__tip">班级</span>
			<div class="apply-form__input-item apply-form__input-item--select-div">
				<input placeholder="你的班级" required />
				<select name="class" required>
					<option value="1">171</option>
					<option value="2">172</option>
					<option value="3">173</option>
					<option value="4">174</option>
				</select>
			</div>
			<!-- QQ -->
			<span class="apply-form__tip">QQ</span><input class="apply-form__input-item" type="text" name="qq" placeholder="你的QQ" pattern="[1-9][0-9]{4,}" required />
			<!-- 电话 -->
			<span class="apply-form__tip">电话</span><input class="apply-form__input-item" type="text" name="tel" placeholder="联系方式" pattern="1[3,4,5,7,8][0-9]{9,9}" required />
			<!-- 擅长 -->
			<span class="apply-form__tip">擅长</span><input class="apply-form__input-item" type="text" name="skill" placeholder="组织/编程/设计/后期/音乐/演讲等等" />
			<!-- 期待 -->
			<span class="apply-form__tip">期待</span><input class="apply-form__input-item" type="text" name="expect" placeholder="最想学习交流到什么？" />
			<!-- 提交 -->
			<input class="apply-form__submit" type="submit" value="现在还不是报名时间，10月15日百团大战报名" style="background: linear-gradient(to right, red, #FF8989);" />

		</form>
		<button class="apply-form__submit" onclick="sendApplyForm();" style="margin: .1rem; width: 3.4rem;display: none;">前端不验证表单直接提交</button>
		<!--<script src="http://cdn.bitshe.cn/js/public.js"></script>
		<script src="http://cdn.bitshe.cn/apply/js/njit-json.js"></script>
		<script src="http://cdn.bitshe.cn/apply/js/apply.js"></script>-->
		<script src="../js/public.js"></script>
		<script src="js/njit-json.js"></script>
		<script src="js/apply.js"></script>
	</body>

</html>